<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8"> 
  <title>用户指南</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>




  <style type="text/css">
    header{
      height: 65px;
      background: rgba(247,235,175,1);
    }
    header span{
      line-height: 65px;
      font-size:22px;
      font-weight: bolder;
      float: left;
      margin-left: 50px;
    }
    header #login{
      display: inline-block;
      float: right;
      margin-right: 150px;
      margin-top: 15px;
    }
    body {
    background-image: url( );
    background-color: rgba(232,172,43,0.5);
    background-size: 100% 100%;
    text-align: center;
  }
  input{
    height: 25px;
      border: 0;
      border-radius: 3px;
      margin-bottom: 15px;
  }
  .publishHotel{
    margin:40px auto;
    width: 900px;
    height: 400px;
    background: rgba(112,112,112,0.4);
    border:1px solid rgba(112,112,112,0.8);
    border-radius: 5px;
  }
  .data-common{
    display: inline-block;
    width: 400px;
    margin-top: 20px;
  }
  .common-span{
    display: inline-block;
    width: 100px;
    text-align: right;
  }
  .common-input{
    width: 200px;
    display: inline-block;
  }
  </style>
</head>
  <body>
    <!-- html代码区域 -->

                <div class="guide_right">
                    <div  name="right_guide" id="right_tenant_guide" style="display:block;">
                        <div class="guide_column" name="part_1" id="part_tenant_1" onMouseover="mouseOver('tenant_1')" onMouseout="mouseOut('tenant_1')">
                            <div class="overF_hidden" onclick="togglePart('tenant_1')">
                                <div class="guide_L">
                                    <strong>独特的房间和预订</strong> <a class="btn_close nomargin" href="#ongo" id="more_tenant_1" ></a><br />
                                   基于分享经济的社交住宿平台。在该平台上，您将有机会住进一个陌生朋友的家中，价格不到酒店的一半，却像在自己家里一样舒适和方便，会让您拥有一次不同寻常的旅行体验。 
                                </div>
                                <img class="fr" src="image/12.jpg" width="276" height="156" />
                            </div>
                        </div>
                        <div class="guide_column" name="part_2" id="part_tenant_2" onMouseover="mouseOver('tenant_2')" onMouseout="mouseOut('tenant_2')">
                            <div class="overF_hidden" onclick="togglePart('tenant_2')">
                                <div class="guide_L">
                                    <strong>分享，入住、体验</strong> <a class="btn_close nomargin" href="#ongo" id="more_tenant_2" ></a><br />
                                    背上行囊，踏上旅途，在另一个陌生的城市，会有一个从未谋面的朋友在等着您入住他的家中，这样的场景不禁让人充满期待。但在您将要住进别人家里，体验居住自由主义。
                                </div>
                                <img class="fr" src="image/13.jpg" width="276" height="156" />
                            </div>
                            
                        </div>
                        <div class="guide_column" name="part_3" id="part_tenant_3" onMouseover="mouseOver('tenant_3')" onMouseout="mouseOut('tenant_3')">
                            <div class="overF_hidden" onclick="togglePart('tenant_3')">
                                <div class="guide_L">
                                    <strong>安全完备的保障</strong> <a class="btn_close nomargin" href="#ongo" id="more_tenant_3" ></a><br />
                                    作为一个分享式民俗酒店交易平台，我们充分理解您对住进一个陌生人家中的担忧，并为此做了大量工作来保障您整个交易与入住过程的安全性。
                                </div>
                                <img class="fr" src="image/14.jpg" width="276" height="156" />
                            </div>
                            <div id="part_more_tenant_3" style="display:none;">
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
                 


    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>
  </body>
  <script type="text/javascript">
      $(document).ready(function(){
        // js事件
        // $("p").click(function(){
        // $(this).hide();
    // });
});
  </script>
</html>
